﻿/*首页*/

body{color: #333;font-size: 12px;line-height: 1.5;font-family:'PingFangSC-Regular',"微软雅黑","Microsoft Yahei";
    overflow-x: hidden;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
a{text-decoration:none; }
a:hover{color:#FF6600 }

.row-a5{overflow: hidden;padding-bottom: 75px;
	background-position: center center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.row-a5 .cont{max-width: 1200px;margin: 0 auto;}
.right-map{float:right;width:619px;height:306px;position:relative;
	margin-right:0px;margin-top: 140px;
	background:url(../images/dt.png) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.right-map .point-area{text-align:center;position:absolute;width:80px;height:80px;transition:opacity .5s ease-out}
.right-map .point-area:before{position:absolute;content:'';width:10px;height:10px;
	border-radius:50%;background:#fff;display:inline-block;margin-left:-5px;
	margin-top:-5px;top:50%;left:50%
}
.right-map .point-area .txt{width:60px;position:absolute;left:50px;top:40%;color:#fff; text-align:justify;}
.right-map .point{position:absolute;width:100%;height:100%}
.right-map .point:after{content:"";display:block;position:absolute;top:0;right:0;
	bottom:0;left:0;border-radius:50%;border:1px solid #fff;opacity:0
}
.right-map .point.point-10:after{animation:4.5s ease-out 225ms infinite ripple}
.right-map .point.point-40:after{animation:4.5s ease-out .9s infinite ripple}
.right-map .point.point-80:after{animation:4.5s ease-out 1.8s infinite ripple}
.right-map .point.point-shadow:after{box-shadow:inset 0 0 5em rgba(255,255,255,.16)}
@keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-moz-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-ms-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-webkit-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-o-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}

.m-you{float: left; width: 555px;color: #fff;padding-top: 75px;}
.m-you h3{font-size: 36px;font-weight: normal;position: relative;
	padding-bottom: 24px;margin-bottom: 33px;
}
.m-you h3 a{color: #fff;}
.m-you h3:after{content: '';position: absolute;left: 0;bottom: 0;height: 1px;
	width: 60px;background-color: #fff;
}
.m-you .txt{line-height: 28px;font-size: 14px; text-align:justify;}
.m-you .txt p{margin-bottom: 20px;}

.ul-num{clear: both;margin: 0 -50px 0 -95px;padding-top: 60px;}
.ul-num li{float: left; width: 25%;color: #fff;}
.ul-num span{font-size: 75px;font-family: 'gabo';position: relative;
	line-height: 1;margin-bottom: 5px;
}
.ul-num span:after{content: '+';vertical-align: top;position: relative;top: 5px;
	font-size: 34px;font-family: arial;margin-left: 10px;
}
.ul-num p{font-size: 16px; padding-left:30px;}
.ul-num .txt{overflow: hidden;}
.ul-num i{width: 80px; height: 80px;float: left;margin-right: 15px;
	background-position: center center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}
